<!DOCTYPE html>
<html id="replace-style" lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>故障处理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >

</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>设备故障</li>
        <li>故障处理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>设备编号</label>
                        <select  class="form-control queryEquipment">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>区域</label>
                        <select  name="areaId" class="form-control queryArea">
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>产线</label>
                        <select  name="lineId" class="form-control queryLine">
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>车间</label>
                        <select  name="shopId" class="form-control queryShop">
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>责任人</label>
                        <select name="dutyUser" class="form-control queryUser">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>故障开始时间</label>
                        <input type="text" class="form-control form_datetimeStart"   readonly="readonly"/>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>故障结束时间</label>
                        <input type="text" class="form-control form_datetimeEnd" readonly="readonly"/>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>快捷时间</label>
                        <select id="shortcutTime" class="form-control queryTask" name="shortcutTime">
                            <option value="">快捷时间</option>
                            <option value="1">昨天</option>
                            <option value="2">上周</option>
                            <option value="3">上月</option>
                            <option value="4">上季度</option>
                            <option value="5">上半年</option>
                            <option value="6">去年</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img class="query" th:src="@{/image/search.png}" src="../../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../../static/image/rest.png" />
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">故障待处理列表</h2>

            <ul class="table-tool">
                <li id="add-row" shiro:hasPermission="app.equipLifeCycle.malfunction.process.addProcess.add.mvc">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>厂内处理</label>
                </li>

                <li id="outsource" shiro:hasPermission="app.equipLifeCycle.malfunction.process.addProcess.add.mvc">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>委外维修申请</label>
                </li>

                <li id="refresh-table">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>

            </ul>

        </div>
    </div>

    <div class="container-fluid table-container">
        <table  id="malfunctionTable">

        </table>
    </div>
</div>


<div class="modal fade" id="myModal-beijianchuli" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-big-2" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">处理</h4>
            </div>
            <div class="modal-body scroll-style">
                <div class="row">
                    <form id="defaultForm" method="" class="form-horizontal" action="">
                        <div class="col-lg-12" style="border-bottom: 1px solid #ddd;">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障状态</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control" value="待处理" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-3">处理人</label>
                                    <div class="col-lg-8">
                                        <select name="dealUser" class="form-control queryUser">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">原因分析</label>
                                    <div class="col-lg-8 date-frame">
                                        <textarea class="form-control failureDesc" name="causesAnalysis"></textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障确认</label>
                                    <div class="col-lg-8 date-frame">
                                        <select name="comfirmFlag" class="form-control">
                                            <option value="0">是</option>
                                            <option value="1">否</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">处理时间</label>
                                    <div class="col-lg-8 date-frame">
                                        <input name="dealDate" type="text" class="form-control processDate" readonly="readonly"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障原因</label>
                                    <div class="col-lg-8">
                                        <select  class="form-control causesBelong" name="causesBelong" >
                                        </select>
                                    </div>
                                </div>
                                <!-- 								<div class="form-group">
                                                                    <label class="col-lg-4 control-label form-required form-required-4">原因归属</label>
                                                                    <div class="col-lg-8">
                                                                        <select  class="form-control causesBelong" name="causesBelong" >
                                                                        </select>
                                                                    </div>
                                                                </div> -->
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">维修措施</label>
                                    <div class="col-lg-8">
                                        <textarea class="form-control failureDesc" name="resolveDesc"></textarea>
                                    </div>
                                </div>

                                <input type="hidden" name="recordId" class="repairRecordId" value="" />
                            </div>

                        </div>
                    </form>
                    <div class="col-md-12 rlt">
                        <h2 class="page-section-title">备件/工装更换</h2>
                        <ul  class="table-tool">
                            <li id="addPartOrTool" data-toggle="modal" data-target="#myModal">
                                <span class="icon-list_add" aria-hidden="true"></span>
                                <label>新增</label>
                            </li>
                            <li id="upDatePartOrTool" data-target="#myModal-gongdan" data-toggle="modal">
                                <span class="icon-list_xiugai" aria-hidden="true"></span>
                                <label>修改</label>
                            </li>
                            <li id="delPartOrTool" data-target="#myModal-gongzhuang" data-toggle="modal">
                                <span class="icon-list_shanchu" aria-hidden="true"></span>
                                <label>删除</label>
                            </li>
                        </ul>
                    </div>

                    <div class="col-lg-12 modal-table-box">
                        <div class="table-box scroll-style" style="overflow-x: auto">
                            <table id="PartAndToolTable" border="1" style="width: 100%;">

                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary yes">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>


<!--模态框-新增备件/工装-->
<div class="modal fade" id="partOrToolModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"
>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <form id="partOrToolForm" method="post" class="form-horizontal typeFormTable" action="">
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-2">类型</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="type" id="typeChange">
                                        <option selected="selected" value="0">备件</option>
                                        <option value="1">工装</option>
                                    </select>
                                </div>
                            </div>

                            <!-- 备件更换选项 -->
                            <div class="form-group partCodehtml">
                                <label class="col-lg-3 control-label form-required form-required-2">备件 </label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="code" id="partCode">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group partNameHtml">
                                <label class="col-lg-3 control-label">名称</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="name" value="" id="partName"/>
                                </div>
                            </div>
                            <div class="form-group locationCodeHtml">
                                <label class="col-lg-3 control-label form-required form-required-6">备件位置编码</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="locationCode" id="locationCode">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group locationNameHtml">
                                <label class="col-lg-3 control-label">备件位置名称</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="locationName" value="" id="locationName"/>
                                </div>
                            </div>
                            <div class="form-group nSerialNumHtml">
                                <label class="col-lg-3 control-label form-required form-required-4">新序列号</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="nSerialNum" id="nSerialNum">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group partNumHtml">
                                <label class="col-lg-3 control-label form-required form-required-2">个数</label>
                                <div class="col-lg-7">
                                    <input type="number" class="form-control" name="partnum" value="" id="partnum"/>
                                </div>
                            </div>
                            <div class="form-group oSerialNumHtml">
                                <label class="col-lg-3 control-label">原序列号</label>
                                <div class="col-lg-7">
                                    <!-- 		                    	<select class="form-control" name="oSerialNum" id="oSerialNum">
                                                                    </select> -->
                                    <input type="text" class="form-control" name="oSerialNum" value="" id="oSerialNum" readonly/>
                                </div>
                            </div>
                            <div class="form-group useFlagPartHtml">
                                <label class="col-lg-3 control-label form-required form-required-3">原状态</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="useFlag" id="useFlag">
                                        <option value="">请选择</option>
                                        <option value="0">可使用</option>
                                        <option value="1">不可用</option>
                                    </select>
                                </div>
                            </div>

                            <!-- 工装更换选项 -->
                            <div class="form-group tooloCodeHtml">
                                <label class="col-lg-3 control-label form-required form-required-3">原编码</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="oCode" id="oCode">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group tooluseFlaghtml">
                                <label class="col-lg-3 control-label">原状态</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="useFlag" id="tooluseFlag">
                                        <option selected="selected" value="2">可使用</option>
                                        <option value="0">送修</option>
                                        <option value="1">报废</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group toolNameHtml">
                                <label class="col-lg-3 control-label">设备位置</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="hidden" name="toollocationCode" id="toollocationCode" value="" />
                                    <input autocomplete="new-password" type="text" class="form-control" name="toollocationName" value="" id="toollocationName" disabled/>
                                </div>
                            </div>
                            <div class="form-group toolCodeHtml">
                                <label class="col-lg-3 control-label form-required form-required-3">新编码</label>
                                <div class="col-lg-7">
                                    <select class="form-control" name="code" id="toolCode">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group toolNameHtml">
                                <label class="col-lg-3 control-label">名称</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="name" value="" id="toolName"/>
                                </div>
                            </div>
                            <!--<div class="form-group toolnumHtml">-->
                            <!--<label class="col-lg-3 control-label form-required form-required-2">个数</label>-->
                            <!--<div class="col-lg-7">-->
                            <!--<input autocomplete="new-password" type="text" class="form-control" name="toolnum" value="" id="toolnum"/>-->
                            <!--</div>-->
                            <!--</div>-->

                            <!-- 隐藏唯一id -->
                            <input type="hidden" name="pkId" id="id" value="" />
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary yes">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<form class="form-horizontal" action="">
    <div class="modal fade" id="registerModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-big-2" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">故障登记</h4>
                </div>

                <div class="modal-body scroll-style">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required-2">状态</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control status" value="" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label  form-required-2">厂区</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control factoryName" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label  form-required-2">产线</label>
                                    <div class="col-lg-8 ">
                                        <input type="text" class="form-control lineName" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label  form-required-2">区域</label>
                                    <div class="col-lg-8 ">
                                        <input type="text" class="form-control areaName" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label  form-required-3">责任人</label>
                                    <div class="col-lg-8 ">
                                        <input type="text" class="form-control dutyUser" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">是否停机</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control ifStop" disabled />

                                        <!-- <select class="form-control ifStop" name="ifStop" >
                                            <option value="0" selected>是</option>
                                            <option value="1" selected>否</option>
                                        </select> -->
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障等级</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control failureLevel" disabled />
                                        <!-- <select class="form-control failureLevel" name="failureLevel" >
                                            <option value="0" selected>高</option>
                                            <option value="1" selected>中</option>
                                            <option value="2" selected>低</option>
                                        </select> -->
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">设备编号</label>
                                    <div class="col-lg-8">
                                        <!-- <select  class="form-control queryEquipment" name='equipCode'>
                                            <option value="">请选择</option>
                                        </select> -->
                                        <input type="text" class="form-control equipCode" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label  form-required-4">设备名称</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control equipName" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">车间</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control shopName" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">报告人</label>
                                    <div class="col-lg-8">
                                        <!-- <select  class="form-control reportMan" name="reportMan">
                                            <option value="">请选择</option>
                                        </select> -->
                                        <input type="text" class="form-control reportMan" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障时间</label>
                                    <div class="col-lg-8 date-frame">
                                        <input type="text" class="form-control happenDate" name="happenDate" readonly="readonly"  />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">故障标题</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control failureShortName" name="failureTitle" disabled/>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-2 control-label " style="width: 160px;">故障详细描述</label>
                                <div class="col-lg-10 input-align-2">
                                    <textarea class="form-control failureDesc" name="failureDesc" disabled></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group uploadFile">
                                <label class="col-lg-2 control-label ">故障文件</label>
                                <div class="col-lg-7 ">
                                    <button type="button" class="btn btn-default fileDown">文件下载</button>
                                    <!-- <input type="file" id="uploadfile" name="file" disabled /> -->
                                    <!-- <input type="hidden" id="uploadfilePath" name="filePath"/> -->
                                </div>

                            </div>
                            <!-- <div class="error-tips" style="padding-left: 155px;color: red;display:none">请先上传图片</div> -->
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-primary yes">保存</button> -->
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>


<!--模态框-表单验证和文件上传-->
<div class="modal fade" id="myModal-out" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">委外维修申请</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <form id="applyForm" method="post" class="form-horizontal modelFormTable" action="">
                            <div class="form-group">
                                <label class="col-lg-4 control-label form-required form-required-4">需求日期</label>
                                <div class="col-lg-7 date-frame">
                                    <input type="text" class="form-control processDate demandDate" name="demandDate" readonly="readonly"  />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-4 control-label form-required form-required-4">维修要求</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control servicingRequire" name="servicingRequire" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-4 control-label">备注</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control remark" name="remark"/>
                                </div>
                            </div>
                            <!-- 隐藏唯一id -->
                            <input type="hidden" name="mRecordId" id="mRecordId" value="" />

                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary yes">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>



<div th:replace="common/foot">
</div>

<script th:src="@{/js/lifeCycle/equipLifeCycle/malfunction/process.js}"  src="../../../static/js/lifeCycle/equipLifeCycle/equipRepair.js"></script>
<script th:src="@{/js/lifeCycle/equipLifeCycle/malfunction/showTitle.js}"  src="../../../static/js/lifeCycle/equipLifeCycle/showTitle.js"></script>
<script th:src="@{/js/lifeCycle/equipLifeCycle/malfunction/malRepPartOrTool.js}"></script>

</body>
</html>






